<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>朵夏后台管理系统</title>
		<link rel="shortcut icon" href="/static/img/login/flower.ico" />
		<link rel="stylesheet" type="text/css" href="/static/css/login.css" />
		<link rel="stylesheet" type="text/css" href="/static/layui/css/layui.css" />
	</head>

	<body>
		<div id="main">
			<div class="main-form layui-form">
				<!--<form class="layui-form">-->
				<div class="kit-login-box">
					<header>
						<h1>朵夏时光花店后台管理系统</h1>
					</header>
					<div class="kit-login-main layui-form">
						<div class="layui-form-item">
							<label class="input-text"></label>
							<input type="text" name="userName" lay-verify="required" autocomplete="off" placeholder="这里输入用户名." class="layui-input input-width" id="userName">
						</div>
						<div class="layui-form-item">
							<label class="input-text input-position"></label>
							<input type="password" name="password" lay-verify="required" autocomplete="off" placeholder="这里输入密码." class="layui-input input-width" id="pas">
						</div>

						<div class="layui-form-item">
							<div class="kit-pull-right">
								<button id="loginBtn" class="layui-btn layui-btn-primary input-width">
                                        <i class="fa fa-sign-in" aria-hidden="true"></i> 登录
                                    </button>
							</div>

						</div>
					</div>
					<footer>
						<p style="margin-left: 80px;margin-top: 40px;">FLOWER ADMIN ©
							<a href="http://blog.zhengjinfan.cn" style="font-size:18px;" target="_blank">www.duoxiashiguang.cn</a>
						</p>
					</footer>
				</div>
				<!--</form>-->
			</div>
		</div>
		<script src="/static/layui/layui.js" type="text/javascript" charset="utf-8"></script>
		<script src="/static/js/login.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			layui.use(['table', 'laytpl', 'layer', 'laydate'], function() {
				var $ = layui.$;
				$(function() {
					if((navigator.appName == "Microsoft Internet Explorer") && (document.documentMode < 10 || document.documentMode == undefined)) {
						var $placeholder = $("input[placeholder]");
						for(var i = 0; i < $placeholder.length; i++) {
							if($placeholder.eq(i).attr("type") == "password") {
								$placeholder.eq(i).siblings("label").text($placeholder.eq(i).attr("placeholder")).show()
							} else {
								$placeholder.eq(i).val($placeholder.eq(i).attr("placeholder")).css({
									"color": "#ccc"
								})
							}
						}
						$placeholder.focus(function() {
							if($(this).attr("type") == "password") {
								$(this).siblings("label").hide()
							} else {
								if($(this).val() == $(this).attr("placeholder")) {
									$(this).val("").css({
										"color": "#ccc"
									})
								}
							}
						}).blur(function() {
							if($(this).attr("type") == "password") {
								if($(this).val() == "") {
									$(this).siblings("label").text($(this).attr("placeholder")).show()
								}
							} else {
								if($(this).val() == "") {
									$(this).val($(this).attr("placeholder")).css({
										"color": "#ccc"
									})
								}
							}
						});
						$(".clone_input_text").live("focus", function() {
							$(this).siblings("label").hide()
						}).live("blur", function() {
							if($(this).val() == "") {
								$(this).siblings("label").text($(this).attr("placeholder")).show()
							}
						});
						$placeholder.siblings("label").click(function() {
							if($(this).parent("div").siblings(".see_pwd_btn").attr("data-flag") == "1") {
								$(this).hide().next("input").next("input").focus()
							} else {
								$(this).hide().next("input").focus()
							}
						})
					}
				});
			});
		</script>
	</body>

</html>